<template>
    <div>
        <vehicle-header/>     
        <div class="bg" >
            <div class='input-hint'>请数据VIN码/车型编码/车型名称/</div>

            <el-row :gutter="20" class="input-wrap">
                <el-col :span="18">
                    <el-input class="input-label"
           
                         placeholder="请输入内容"></el-input>
                </el-col>
                <el-col :span="2">
                    <el-button class="btn-search" >查询</el-button>
                </el-col>
            </el-row>
            <div>
            <el-table
                
                style="width: 100%">
                <el-table-column
                    prop="date"
                    label="日期"
                    width="180">
                </el-table-column>

             </el-table>
            </div>
        </div>
    </div>
</template>

<script>
import VehicleHeader from '../home/components/VehicleHeader'
import axios from 'axios'
import http from '../../net/api/public'


export default {
name : 'BrandList',
components:{
  VehicleHeader,
  
},
methods:{
    getBrandList(){
         
        http.requestGet('http://localhost:8000/vehicle/brandList')
        .then(res=>{
            confirm(""+res)
            // console(""+res)
        });
        // axios.get('http://localhost:8000/vehicle/brandList')
        //     .then(this.getBrandListSuccess)
        // // requireGet('api/vehicle/brandlist');
    },

},
mounted(){
  this.getBrandList()  
},
data() {
    return {
          
        
        
    }
},

}
</script>

<style lang="stylus" scoped>

 .bg
   background #eeeeee
   height 1.4rem
   padding .2rem
   .input-hint
      padding-top .1rem
      font-size 12px
   .input-wrap
      margin-top .2rem
     
    
 .el-row {
    margin-bottom: 20px;
    &:last-child {
      margin-bottom: 0;
    }
  }
  .el-col {
    border-radius: 4px;
  }
  .input-label  
     solid  #000
     
  .btn-search
     background #f00
     color #fff

</style>


